<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="pragma" content="no-cache">
<title>天小天个人网-账号注册</title>
<link rel="shortcut icon " type="images/x-png" href="../../public/pic/icon.png">
<link href="../css/signup.css" type="text/css" rel="stylesheet">
<link href="../../public/bs/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<script src="../../public/bs/js/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="../../public/bs/js/bootstrap.min.js" type="text/javascript"></script>
</head>

<body>
	<div id="particles-js"></div>
	<nav class="navbra navbar-default" >
    <div class="container-fluid">
        <div class="navbar-header">
            <button class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="../model/index.php" class="navbar-brand nav-title">
                天小天个人网
            </a>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav">
                <li class=""><a href="../model/index.php">首页</a></li>
                <li class=""><a href="../model/resume.php">个人简历</a></li>
                <li class=""><a href="../model/dynamic.php">我的动态</a></li>
                <li class=""><a href="../model/web.php">web技术</a></li>
                <li class=""><a href="../model/index.php">网站协会</a></li>
                <li class=""><a href="../model/comment.php">给我留言</a></li>
                <li class=""><a href="../model/login.php">去登录</a></li>
            </ul>
        </div>
    </div>
    </nav>
	<div class="sp-all container">
		<form method="post" action="../model/signup.php" class="col-md-12">
			<div class="form-group">
				<label for="username"><span class="glyphicon glyphicon-user"></span>大侠报上您的大名：</label>
			  <input type="text" id="username" name="username" class="form-control" required="required" placeholder="请输入汉字，字母，数字和正常符号"/>
			  <span class="tishi"></span>
			</div>
			<div class="form-group">
				<label for="usertext"><span class="glyphicon glyphicon-pencil"></span>大侠请设置账号：</label>
			  <input type="text" id="usernumber" name="usernumber" class="form-control" required="required" placeholder="请输入手机号码或者QQ号码"/>
			  <span class="tishi"></span>
			</div>
			<div class="form-group">
			  <label for="usertext"><span class="glyphicon glyphicon-lock"></span>大侠请想一个密码：</label>
			  <input type="password" id="userpassword1" name="userpassword1" class="form-control" required="required" placeholder="请输入汉字，字母，数字"/>
			  <span class="tishi"></span>
			</div>
			<div class="form-group">
			  <label for="usertext"><span class="glyphicon glyphicon-lock"></span>大侠请确认密码：</label>
			  <input type="password" id="userpassword2" name="userpassword2" class="form-control" required="required" placeholder="请确认密码"/>
			  <span class="tishi"></span>
			</div>
			<div class="form-group">
			  <input type="reset"  name="reset"  value="重置" class="btn btn-danger col-xs-3 col-xs-offset-2"/>
			  <input type="submit" name="submit" value="提交" class="btn btn-primary col-xs-3 col-xs-offset-2" />
			</div>
        </form>
	</div>
</body>
<script>
    $(
        function(){$('#example-navbar-collapse ul li').each(function () {
		$(this).mouseover(function () {
			$(this).addClass("active").siblings().removeClass("active");
		});
	   });
     }
    );
</script>
<script src="../../public/js/particles.min.js"></script>
<script src="../../public/js/app.js"></script>
</html>
